﻿/*==============================================================*/
/*Create by guanzongyi at 20160128.*/
/*Version 1.0*/
/*http://webj.taobaocom*/
/*guanzongyi [mailto:460946567@qq.com]*/
/*==============================================================*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family:"Microsoft YaHei",Arial,simsun,sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;
margin: 0;outline: 0;padding: 0;vertical-align:baseline;}
:focus {outline: 0;}/* remember to define focus styles! */
*html{  background-image:url(about:blank);  background-attachment:fixed;  }
body {background: #fff;line-height: 1; font-size:12px;}
ol, ul {list-style: none;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
/* global */
h1,h2,h3,h4,h5,h6{font-weight:normal}
strong{font-weight:700}
cite,em{font-style:normal} 
i{font-style:italic}
caption{text-align:center}
img{vertical-align:middle}
/* 连接颜色 */
a{color:#000; text-decoration:none; font-size:12px;}
a:link,
a:visited{color:inherit}
a:hover{color:#f08300; text-decoration:underline;}
a:focus, a:active{color:inherit}
a.yahei{ font-family:"Microsoft YaHei"}
a.arial{font-family:arial}
.f_tg{ font-family:Georgia, "Times New Roman", Times, serif}

/* 文字排版 */
.f12{font-size:12px}
.f13{font-size:13px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f30{font-size:30px}
.fb{font-weight:bold}
.fn{font-weight:normal}
.t2{text-indent:2em}
.lh15{line-height:15px}
.lh18{line-height:18px}
.lh20{line-height:20px}
.lh24{line-height:24px}
.lh26{line-height:26px}
.lh28{line-height:28px}
.unl{text-decoration:underline}
.no_unl{text-decoration:none}
.arial{font-family:arial}
.simsun{font-family:'Microsoft YaHei'}
.yahei{font-family:'Microsoft YaHei'}
.hei{font-family:'黑体'}
/* 字体大小颜色 */
.s12{ font-size:12px!important;}
.s14{ font-size:14px!important;}
.s16{ font-size:16px!important;}
.s18{ font-size:18px!important;}
.s20{ font-size:20px!important;}
.s22{ font-size:22px!important;}
.s24{ font-size:24px!important;}
.s26{ font-size:26px!important;}
.s28{ font-size:28px!important;}
.s30{ font-size:30px!important;}
.white{color:white}
.red{color:#9d1b1d}
.green{color:green}
a.blue{color:#33a3eb}
.blue{color:#33a3eb}
.yellow{color:#FACC04}
.gray{color:#929a9f}
.org{color:#ed6d1f}
a.org{color:#ed6d1f}
.pink{ color:#a80385}
.c_000{color:#000}
.c_333{color:#333}
.c_59{ color:#595959}
.c_666{color:#666}
.c_999{color:#999}
.c_ccc{color:#ccc}
.c_f50{color:#f50}
.c_090{color:#090}
.c_47d{color:#47d}
.c_e22{color:#e22}
.c_4a{ color:#4a4a4a}
.c_ee3{color:#ee3300}
.c_70{color:#707070}
.c_156{color:#15627e}
/* 定位 */
.tl{text-align:left}
.tc{text-align:center}
.tr{text-align:right}
.bc{margin-left:auto;margin-right:auto}/* blockCenter */
.fl{float:left;display:inline}
.fr{float:right;display:inline}
.cr{clear:right}
.por{ position:relative}
.pos{ position:absolute}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {	display:block;}
/* End hide from IE-mac */
.vm{vertical-align:middle}
.pr{position:relative}
.pa{position:absolute}
.abs-right{position:absolute;right:0}
.zoom{zoom:1}
.hidden{visibility:hidden}
.none{display:none}
.line-through{text-decoration:line-through }
.icon{ background:url(../images/bg/sprite.png) no-repeat; display:block;}
.ck{ vertical-align:-3px;}
/* 长度 */
.w{width:100%}
.w10{width:10px}
.w20{width:20px}
.w30{width:30px}
.w40{width:40px}
.w50{width:50px}
.w60{width:60px}
.w70{width:70px}
.w80{width:80px}
.w90{width:90px}
.w100{width:100px}
.w120{width:120px}
.w150{width:150px}
.w180{width:180px}
.w210{width:210px}
.w240{width:240px}
.w295{ width:295px}
.w690{ width:690px}
.w960{width:960px}
.w1000{width:1000px}
.h{height:100%}
.h50{height:50px}
.h100{height:100px}



/* 边距 5 10 15 20 25 30 */
.m5{margin:5px}
.m10{margin:10px}
.m15{margin:15px}
.m20{margin:20px}
.m25{margin:25px}
.m30{margin:30px}

.mt2{ margin-top:2px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}

.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}

.ml5{margin-left:5px}
.ml8{ margin-left:8px;}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}

.p5{padding:5px}
.p10{padding:10px}
.p15{padding:15px}
.p20{padding:20px}
.p25{padding:25px}
.p30{padding:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}

.pb5{padding-bottom:5px}
.pl2{ padding-left:2px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}

.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}

.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}

/*color*/
.g-color-org{color: #ff6600!important;}
.g-color-grey{color: #666!important;}
.g-color-dark{color: #333!important;}
.g-color-light{color: #fff!important;}
.g-color-black{color: #000!important;}
.g-color-pink{color: #f04a99!important;}
.g-color-red{color: #e4393c!important;}
.g-color-gold{color: #fba507!important;}
.g-color-blue{ color: #1184ff!important}
.g-color-blue-light{color: #95c4fd!important;}
.g-color-grey-light{color: #c3c3c3!important;}
.g-color-grey-c{color: #999!important;}
/*buttons*/
.g-button{-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; display: inline-block; text-decoration: none; color: inherit}
.g-button:hover{color: inherit;text-decoration: none;}
.g-button-lg{height:35px; padding:0 35px; line-height: 35px;}
.g-button-sm{height:28px; padding:0 20px;line-height: 25px;}
.g-button-xs{height:20px; padding:0 15px;line-height: 20px;}
.g-button-bg-rog{background:#ff6600 }

.g-table{border-bottom: 2px solid #ddd; border-right:2px solid #ddd;}
.g-table td{border-top: 2px solid #ddd; border-left:2px solid #ddd}









